<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title></title>
  <style type="text/css">
   *{
    padding: 0;
    margin: 0;
   }
   .div1{
    width: 100%;
    height: 900px;
    background: url(img/images/bg.gif);
   }
   .div2{
    width: 400px;
    height: 500px;
    background-color: #fff;
    float: left;
    margin: 80px;
    padding: 20px;
   }
   .div1 table{
    width: 400px;
	height: 400px;
   }
   .div2 td{
    width:40px;
   }
   .div2 p{
    background-color: #fdf1f3;
    color: #ed9cad;
    font-size: 12px;
    width: 160px;
    height: 20px;
   }
   .mya{
    background-color: #e7788d;
    width: 150px;
    height: 40px;
    display: block;
    margin: auto;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-decoration: none;
   }
   .myp{
    padding: 0;
    margin: 0;
   }
   .input{
    height: 30px;
   }
   
  </style>
 </head>
 <body>
  <div class="div1">
   <div class="div2">
    <table>
     <tr>
      <td>用户名：</td>
      <td><input class="input" type="text" /></td>
     </tr>
     <tr>
      <td>密码：</td>
      <td><input class="input" type="password"  /><p class="myp">密码要8-12位数字或字母组合</p ></td>
      
     </tr>
     <tr>
      <td>留言：</td>
      <td><textarea cols="22" rows="5px"></textarea></td>
     </tr>
     <tr>
      <td>性别：</td>
      <td>
       <input type="radio" name="SEX" />男
       <input type="radio" name="SEX" id="" value="" />女
      </td>
     </tr>
     <tr>
      <td>爱好：</td>
      <td>
       <input type="checkbox" />打球
       <input type="checkbox" />唱歌
       <input type="checkbox" />睡觉
      </td>
     </tr>
     <tr>
      <td colspan="2">
       <a class="mya" href="">提交</ a>
      </td>
     </tr>
    </table>
   </div>
  </div>
  
 </body>
</html>